<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>江苏FC</title>
    <link rel="stylesheet" href="css/1.css">
    <script src="js/1.js"></script>
</head>
<body>
    <div id="container">

        <ul style="left: -700px;" id="box">
            <li><img src="images/5.jpg" alt=""></li>
            <li><img src="images/1.jpg" alt=""></li>
            <li><img src="images/2.jpg" alt=""></li>
            <li><img src="images/3.jpg" alt=""></li>
            <li><img src="images/4.jpg" alt=""></li>
            <li><img src="images/5.jpg" alt=""></li>
            <li><img src="images/1.jpg" alt=""></li>
        </ul>


            <a class=" arrow left-arrow"><</a>
            <a class=" arrow right-arrow">></a>




        <div id="points">
            <span class="on" index="1"></span>
            <!--第一次class=" on"多了一个空格就检测不出来 必须把空格去掉-->
            <span   index="2"></span>
            <span   index="3"></span>
            <span   index="4"></span>
            <span   index="5"></span>
        </div>









    </div>
</body>
</html>